<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>世界汇网</title>
		
		 <link rel="stylesheet" href="css/index.css">
		 <link rel="stylesheet" type="text/css" href="css/foot_style.css"/>
    	<link rel="stylesheet" type="text/css" href="css/head_style.css"/>
		 <link rel="stylesheet" href="js/layui-v2.2.6/layui/css/layui.css">
		 <script src="js/layui-v2.2.6/layui/layui.js"></script>
	</head>
	<body>
		<div class="head">

			<div class="head1 ">
				<img class="img" src="img/top1.png" alt="汇网" width="50" height="50"/>
				<div class="head-search layui-form">
					<i class="layui-icon layui-icon-face-smile search-icon">&#xe615;</i> 
				 <div class="layui-input-inline head-search-input">
			        <select name="modules" lay-verify="required" lay-search="">
			          <option value="">寻找人才</option>
			          <option value="1">人才1号</option>
			        </select>
			     </div>
				</div>
				
				<div class="layui-btn layui-btn-sm fabu-btn">发&nbsp;&nbsp;布</div>
				<div class="btns">
					<span class="language-btns" >
						中文
						<i class="layui-icon layui-icon-face-smile language-icon">&#xe61a;</i>
					&nbsp;&nbsp;&nbsp;
						<div class="span-div">
							<p class="cn">中文</p>
							<hr/>
							<p class="eng">English</p>
						</div>
					</span>
					<span>&nbsp;&nbsp;&nbsp;</span>
					<span class="login-btn">登录</span>
					<span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;</span>
					<span class="register-btn">注册</span>
				</div>
			</div>
			
		</div>
		<div class="nav">
			<div class="nav1">
				<ul>
					<li>首&nbsp;&nbsp;&nbsp;&nbsp;页</li>
					<li>供需大厅</li>
					<li>产品说明</li>
					<li>关于我们</li>
					<li>帮助中心</li>
				</ul>
			</div>
		</div>
		<div class="content">
			<div class="content1">
				<img class="img1" src="img/a.png" height="700"/>
				<img class="img2" src="img/b.png" height="80"/>
				<img class="img3" src="img/c.png" height="45"/>
				<img class="img4" src="img/7.png" width="300"/>
				<img class="img5" src="img/d.png"/>
				<img class="img6" src="img/e.png" width="380"/>
				
			</div>
			<div class="search-div">
				<div class="search-box">
					<input type="text" name="title"  placeholder="寻找人才、寻找工作、寻找商用资源" autocomplete="off" class="layui-input">    
					<button class="layui-btn search-box-btn">搜&nbsp;&nbsp;&nbsp;索</button>
				</div>
			</div>
			
		</div>
		<div class="demand">
			<div class="demand-box">
				<div class="demand-title">
					最新需求
				</div>
				<div class="demand-list">
					<div class="demand-personal">
						<div class="dpt">个人需求</div>
						<div class="demand-personal-list">
							<div class="demand-personal-list-img">
								<img src="img/1/12.png" width="100" height="100"/>
							</div>
							<div class="list-conten">
								<p>我提供服务产品设计服务，这个是服务标题我提供服务产品设计服务，这个是服务标题我提供服务产品设计服务，这个是服务标题</p>
								<div>这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详…这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详…这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详…</div>
							</div>
						</div>
						<div class="demand-personal-list" >
							<div class="demand-personal-list-img">
								<img src="img/1/10.png" width="100" height="100"/> 
							</div>
							
							<div class="list-conten">
								<p>我提供服务产品设计服务，这个是服务标题</p>
								<div>这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详…</div>
							</div>
						</div>
						<div class="demand-personal-list" >
							<div class="demand-personal-list-img">
								<img src="img/1/10.png" width="100" height="100"/> 
							</div>
							
							<div class="list-conten">
								<p>我提供服务产品设计服务，这个是服务标题</p>
								<div>这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详…</div>
							</div>
						</div>
						<div ><span class="demand-personal-btn">更多>></span></div>
					</div>
					<div class="demand-enterprise">
						<div class="dpt">企业需求</div>
						<div class="demand-enterprise-list">
							<div class="demand-enterprise-list-img">
								<img src="img/1/11.png" width="100" height="100" />
							</div>
							
							<div class="list-conten">
								<p>我提供服务产品设计服务，这个是服务标题</p>
								<div>这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详...</div>
							</div>
						</div>
						<div class="demand-enterprise-list" >
							<div class="demand-enterprise-list-img">
								<img src="img/1/9.png" width="100" height="100"/> 
							</div>
							
							<div class="list-conten">
								<p>我提供服务产品设计服务，这个是服务标题</p>
								<div>这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详...</div>
							</div>
						</div>
						<div class="demand-enterprise-list" >
							<div class="demand-enterprise-list-img">
								<img src="img/1/9.png" width="100" height="100"/> 
							</div>
							
							<div class="list-conten">
								<p>我提供服务产品设计服务，这个是服务标题</p>
								<div>这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详细描述这个是服务的详...</div>
							</div>
						</div>
						
						<div><span class="demand-enterprise-btn">更多>></span></div>
					</div>
				</div>
			</div>
			<div class="demand-vx">
				<div class="demand-vx-img">
					<img class="vx-img" src="img/8.png" width="110"/>
				</div>
				<div class="demand-vx-text">
					微信二维码
				</div>
			</div>
		</div>
		<div class="foot">
			<div class="foot1">
				Copyright © 2018 世界汇网  www.thewiorldwie.cn
			</div>
		</div>
		
	</body>
	<script>
	layui.use(['form', 'layedit', 'laydate'], function(){
	  var form = layui.form
	  ,layer = layui.layer
	  ,layedit = layui.layedit
	  ,laydate = layui.laydate
	  ,$ = layui.jquery;
		
		$(".language-btns").click(function(){
			if(!$(".span-div").is(':hidden')){//如果当前不隐藏  
		        $('.span-div').hide();//就隐藏div 
		        $(".search-icon").html("&#xe61a;")
		        }else{//否则  
		        
		        $('.span-div').show();//那么就显示div  
		        $(".search-icon").html("&#xe619;")
		        }  
		})
		
		
})
  	</script>
</html>
